<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <style>
            body {
                padding-top: 50px;
                padding-bottom: 20px;
                background-color: gray;
            }
        </style>
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        
       
        <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css">
        <script>
        $(function() {
          $( "#datepicker" ).datepicker();
        });
        </script>
        <script>
        $(function() {
          $( "#datepickerB" ).datepicker();
        });
        </script>
        
        

 </head>
<body style="background-color:EEEEE;">
     
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <img src="logotipo_utalca.jpg" alt="Smiley face" width="300" height="50">
        </div>
        <div class="navbar-collapse collapse">
          <form class="navbar-form navbar-right" role="form">
            <div class="form-group">
              <input type="text" placeholder="Email" class="form-control">
            </div>
            <div class="form-group">
              <input type="password" placeholder="Password" class="form-control">
            </div>
            <button type="submit" class="btn btn-success">Sign in</button>
          </form>
        </div><!--/.navbar-collapse -->
      </div>
    </div>
    <section >
   <div class="boxed" id="content" style="background-color:#C0C0C0;height:300px;width:500px;float:left;">  
        <div class="form-group">
                <form>
                <input type="radio" name="tipoViaje" value="one way">One Way
                <input type="radio" name="tipoViaje" value="Round Trip">Round Trip
                </form> 
        </div>
        <div class="form-group">   
            <form>
                <input type="text" placeholder="From" name="from" value="">
                <input type="text" placeholder="To" name="to" value="">
            </form>
        </div>  
        <div class="form-group">   
            <form>
                <span> <input type="text" placeholder="Ida" name="ida" id="datepicker"> </span>
                <span> <input type="text" placeholder="Regreso" name="regreso" id="datepickerB">   </span>
                <input  placeholder="N Pasajes" list="cantidad" name="cantidadPasajes">
                <datalist id="cantidad">
                <option value="1">
                <option value="2">
                <option value="3">
                <option value="4">
                <option value="Mas que 4">
                </datalist>
              <button type="submit" class="btn btn-success">Buscar</button>
            </form>
        </div>
            
    </div>
    </section>
    <aside>
        <div id="content" style="background-color:#EEEEEE;height:500px;width:600px;float:left;"> 
         <img src="gif.gif" alt="Smiley face" width="500" height="300" vspace="30">
         <p>EL placer de Volar </p>
        </div> 
     </aside>
     <!-- Main jumbotron for a primary marketing message or call to action -->
    
       
     <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
      Copyright © aterrizar.com</div>
   
</body>
</html>
